<!--
// Copyright 2010 Google

/**
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Google I/O - Interactive Conference Map</title>
    <link media="only screen and (max-device-width: 480px)" href="styles/mobile.css" type="text/css" rel="stylesheet">
    <link media="screen and (min-device-width: 481px)" href="styles/display.css" type="text/css" rel="stylesheet">
    <meta name="viewport" content="initial-scale=1.0;maximum-scale=1.0;user-scalable=no">
  </head>
  <body>
    <div id="container">
      <div id="top" class="section split">
        <div class="left">
          <a id="io-logo" href="/events/io"><span>Google I/O</span></a>
        </div>
        <div class="right">
          <h1>Interactive Conference Map</h1>
        </div>
      </div>

      <div id="middle" class="section">
        <div id="map-container">
          <div id="toolbox" class="hide">
            <span id="label-level" class="item">Level</span>
            <a class="item level-button sprite-toggle" id="btn-level1"
              href="#"><span class="hide">Level</span> <span>1</span></a>
            <a class="item level-button sprite-toggle" id="btn-level2"
              href="#"><span class="hide">Level</span> <span>2</span></a>
            <a class="item level-button sprite-toggle" id="btn-level3"
              href="#"><span class="hide">Level</span> <span>3</span></a>
          </div>
          <div id="map-canvas"></div>
        </div>
      </div>

      <div id="bottom" class="section split">
        <div id="learn-more" class="left">
          <a href="/apis/maps">Developers: Learn more about the Google Maps API</a>
        </div>
        <div id="copyright" class="right">
          &copy; 2010 Google
        </div>
      </div>

    </div>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="scripts/googleio.js"></script>
  </body>
</html>
